@import "../../../../config/basic.less";
:global{
  
  .toolbarClassName{
    background: linear-gradient(45deg, black, transparent);
  }
  .editorClassName{
    border: 1px solid #F1F1F1;
  }
  .lookatPicCont{
    position: relative;
  }
  .lookatPic{
    opacity: 0.6;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 336px;
    background-color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stylesPic{
    width: 100%;
    img{
      width: 100%;
    }
  }
  .marleft5{
    margin-left: 5px;
  }
  .lanModel{
    width: 850px !important;
    .ant-modal-body{
      height: 400px;
      overflow-y: auto;
    }

  }
  .addxiang{
    margin-top: 5px;
  }
  .minusCircle{
    margin-left: 15px;
    cursor: pointer;
    color: #40b0a6 !important;
  }
}
.status {
  h2,h3 {
    display: inline-block;
  }
  h3 {
    float: right;
    color: @uiColor_1;
  }
}

.demoImg{
  max-width:100% ;
}
.selectForm{
  color: #1890ff;
  font-size: 13px;
  cursor: pointer;
}
.FormTitle{
  font-size: 12px;
  color: #999;
  height: 30px;
  margin: 0;
  line-height: 30px;
}
.FormTitle em{
  color: #1890ff;
  padding: 0 10px;
  font-style: normal;
  cursor: pointer;
}
.updateInfo{
  float: right;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  list-style: none;
  span{
    float: left;
    margin-right: 10px;
  }
}
  .RadioDiv{
    float: left;
    display: flex;
    align-items: center;
    .colorArea{
      float: left;
      width: 32px;
      height: 29px;
      border-radius: 5px;
      margin-right: 8px;
      border: 1px solid rgba(255, 255, 255, 100);
    }
  }

.box{
  // display: flex;
  .preview_zhuan{
      // border: 1px solid red;
      width:160px;
      // background-image: url('https://zos.alipayobjects.com/rmsportal/RmjwQiJorKyobvI.jpg');
      position: relative;
      margin:10px;
      float:left;
      .lookatPicCont{
        width: 160px;
        height: 336px;
      }
      .imgBg{
        width: 160px;
        height: 336px;
      }
      // margin:50px 17px 0;
      .title{
          position: absolute;
          width: 100%;
          text-align: center;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          height: 90px;
          line-height: 50px;
          color: #fff;
          font-size: 20px;
          font-weight: bold;
          z-index: 999;
      }
  }
}
.iconTip{
  font-size: 16px;
  color: #08c;
  margin-left: 8px;
  margin-top: 12px;
}
.uploaderBox{
  position: relative;
  line-height: 0;
  .uploaderDiv,.tipBox{
    display: inline-block;
  }
  .tipBox{
    display: inline-block;
    position: absolute;
    // top: -10px;
  }
}

.tipBox2{
  position: relative;
  left: -80px;
  top: 3px;
  z-index: 9;
}
:global{
  .preview_zhuan_a{
  .ant-form-item{
    display: flex;
  }
}
}
.editIconWrap {
  text-align: right;
}

.editIcon {
  cursor: pointer;
}

.editor {
  border: solid 1px #DEDEDE;
  height: 180px;
  overflow-y: auto;
}

.phone_box {
  position: relative;
  // margin-left: 80px;
  background: transparent;
  box-shadow: none;
  border: none;
  overflow: hidden;
}
// .phone_box img{
//     max-width: 100%;
// }

.Xphone_box {
  width: 233px;
  height: 500px;
  background: url(../../../../assets/Ueditor/themes/default/images/iPhoneX.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px 35px;
}

.Bphone_box {
  width: 360px;
  height: 680px;
  background: url(../../../../assets/Ueditor/themes/default/images/iPhone.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 25px 42px 15px 49px;
}

.Mphone_box {
  width: 320px;
  height: 587px;
  background: url(../../../../assets/Ueditor/themes/default/images/iPhone.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 25px 42px 15px 49px;
}

// .Xphone_detail{
//   height: 650px;
//   margin-top: 80px;
//   overflow: hidden;
//   padding-bottom: 15px;
//   overflow-x: hidden;
//   overflow-y: auto;
// }
// .phone_detail{
//   height: 455px;
//   margin-top: 105px;
//   overflow: hidden;
//   padding-bottom: 15px;
//   overflow-x: hidden;
//   overflow-y: auto;
// }
// .mphone_detail{
//   height: 398px;
//   margin-top: 90px;
//   overflow: hidden;
//   padding-bottom: 15px;
//   overflow-x: hidden;
//   overflow-y: auto;
// }
.phone_detail::-webkit-scrollbar,
.Xphone_detail::-webkit-scrollbar,
.mphone_detail::-webkit-scrollbar {
  display: none;
}


// .tagBtn {
//     position: absolute;
//     right: 0;
//     top: 50px;
// }

.mask {
  cursor: url(/html/assets/img/shubiao.ico),move;
  z-index: 900;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=0);
  opacity: 0.0;
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
}
.top_box {
  overflow: hidden;
  padding-bottom: 15px;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  .title {
      font-family: 'PingFangSC-Semibold';
      font-size: 1.3rem;
      font-weight: bold;
      color: #333333;
  }

  .time {
      margin: 12px 0 20px;
      font-family: 'PingFangSC-Regular';
      font-size: 14px;
      color: #999999;
      text-align: center;
  }
}

.phone1 {
  margin-top: 80px;
  height: 650px;
}

.phone2 {
  margin-top: 105px;
  height: 455px;
}

.phone3 {
  margin-top: 90px;
  height: 398px;
}
.loub2{
  margin-left: 15px;
}
.houseList{
  margin-top: 20px;
} 
.iconTooltip{
	color:#0877FD;
}
